<template>
  <svg
    t="1676264732044"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="4175"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="128"
    height="128"
  >
    <rect
      x="0"
      y="0"
      width="1024"
      height="1024"
      :fill="theme.themeColor"
      :fill-opacity="fill ? '1' : '0'"
    />
    <path
      d="M645.260274 817.714746v-71.787268c184.006446-23.103948 176.580177-224.438356 162.55278-316.85415-39.606769-206.285254-169.153908-271.471394-179.880741-276.42224 0 0-141.099114 70.136986-181.531024 276.42224-13.202256 89.940371-20.628525 283.023368 147.700242 315.203868v74.262691H373.78888V767.381144c45.382756-9.076551 74.262691-34.655923 90.765512-66.011281-66.836422-69.311845-60.235294-190.607575-51.158743-255.793715 4.125705-19.803384 8.25141-37.956487 14.027397-55.284448-36.306205-51.158743-75.912973-70.962127-80.86382-73.43755 0 0-108.093473 53.634166-137.798549 210.410959-9.901692 69.311845-15.677679 216.186946 114.694601 240.116035v50.333602H146.04996v54.459307h732.725221v-54.459307H645.260274z"
      :fill="fill ? 'white' : theme.themeColor"
      p-id="4176"
    ></path>
  </svg>
</template>

<script setup lang="ts">
import { useThemeStore } from '@/store'

defineProps({
  /** 是否为填充模式 */
  fill: {
    type: Boolean,
    default: false,
  },
})

const theme = useThemeStore()
</script>

<style scoped></style>
